<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" >
<title>Original Hover Effects - with CSS3 Transitions and Animations</title>
	<link rel="shortcut icon" type="image/x-icon" href="http://flyxiang.org/www/img/favicon.ico">
	<link rel="apple-touch-icon" href="http://flyxiang.org/www/img/flyxiang_57.png">
	<link rel="apple-touch-icon" sizes="72x72" href="http://flyxiang.org/www/img/flyxiang_72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="http://flyxiang.org/www/img/flyxiang_114.png">
	<link href="./css/demo.css" rel="stylesheet" media="all" >
	<link href="./css/t.css" rel="stylesheet" media="all" >
	<link href="./css/t3.css" rel="stylesheet" media="all" >
	<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
</head>
<body>
<h1>Original Hover Effects <span>with CSS3 Transitions and Animations</span></h1>
<div class="more">
    <ul>
        <li><a href="transitions.html">Demo 1</a></li>
        <li><a href="transitions2.html">Demo 2</a></li>
        <li class="selected"><a href="transitions3.html">Demo 3</a></li>
        <li><a href="transitions4.html">Demo 4</a></li>
        <li><a href="transitions5.html">Demo 5</a></li>
        <li><a href="transitions6.html">Demo 6</a></li>
        <li><a href="transitions7.html">Demo 7</a></li>
        <li><a href="transitions8.html">Demo 8</a></li>
        <li><a href="transitions9.html">Demo 9</a></li>
        <li><a href="transitions10.html">Demo 10</a></li>
    </ul>
</div>
<div class="main f-clear">
	<div class="view view-third">
	    <img src="http://s3.amazonaws.com/static.fab.com/sale/homepage/8066-460x460-1342131175.png" />
	    <div class="mask"></div>
	    <div class="content">
	        <h2>Zoku</h2>
	        <p>Easy Popsicle Makers</p>
	        <a href="#" class="info">Read More</a>
	    </div>
	</div>  
	<div class="view view-third">
	    <img src="http://s3.amazonaws.com/static.fab.com/sale/homepage/7963-300x300-1341960227.png" />
	    <div class="mask"></div>
	    <div class="content">
	        <h2>Zoku</h2>
	        <p>Easy Popsicle Makers</p>
	        <a href="#" class="info">Read More</a>
	    </div>
	</div>  
	<div class="view view-third">
	    <img src="http://s3.amazonaws.com/static.fab.com/sale/homepage/7960-300x300-1341937416.png" />
	    <div class="mask"></div>
	    <div class="content">
	        <h2>Zoku</h2>
	        <p>Easy Popsicle Makers</p>
	        <a href="#" class="info">Read More</a>
	    </div>
	</div>  
	<div class="view view-third">
	    <img src="http://s3.amazonaws.com/static.fab.com/sale/homepage/7962-300x300-1341856292.png" />
	    <div class="mask"></div>
	    <div class="content">
	        <h2>Zoku</h2>
	        <p>Easy Popsicle Makers</p>
	        <a href="#" class="info">Read More</a>
	    </div>
	</div>  
</div>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-28937623-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</body>
</html>